<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>初识vue</title>
    <!-- 开发环境 -->
     <script src="../js/vue.js" type="text/javascript"></script>
    <!-- 生产环境 -->
    <!--  <script src="./js/vue.min.js"></script> -->
</head>

<body>


    <div id="root">
        <h1>hello, {{name}} ,{{adress.toUpperCase()}},{{age}}</h1>
    </div>

    <script type="text/javascript">
        /* 组织在生产环境给予提示 */
        Vue.config.productionTip = false
        //  创建 vue 实例
        const x = new Vue({
            // el 用于指定当前 vue 实例为哪个容器服务；值通常为 css 选择器字符串
            el: '#root',
            data: {
                //  Data 中存储数据。数据供 el 的容器使用
                name: '卜俊杰',
                address: 'beijing',
                age: 18
            }
        });
    </script>

</body>

</html>